<template>
    <div class="myCenter">
        <!-- 头部 -->
        <header>
            <my-center>
                <template v-slot:nav1>
                     <i class="iconfont icon-yueliang"></i>
                </template>
                 <template v-slot:nav3>
                      <i class="iconfont icon-sun_line"></i>
                </template>
                 <template v-slot:nav2>
                      <i class="iconfont icon-youxiang"></i>
                </template>
            </my-center>
        </header>
        <!-- 导航 -->
        <nav>
            <my-nav></my-nav>
        </nav>
        <!-- 内容 -->
          <my-con></my-con>
        <!-- 底部 -->
       <footer>
            <gudao-foot></gudao-foot>
       </footer>
    </div>
</template>

<script>
import gudaoFoot from '@/components/gudao_foot.vue';
import myCenter from '@/components/mycenter_top.vue';
import myNav from '@/components/mycenter_nav.vue';
import myCon from '@/components/mycenter_con.vue';

export default {
    components:{
        gudaoFoot,
        myCenter,
        myNav,
        myCon 
    }
}
</script>

<style lang="scss" scoped>
@import '../assets/css/reset.css';

</style>